<template>
  <div class="fixed">
    <van-nav-bar class="top" :title="title">
      <template #left>
        <i class="iconfont icon-liebiao" @click="show=true;"></i>
      </template>
      <template #right>
        <slot></slot>
      </template>
    </van-nav-bar>
    <van-popup v-model="show" position="left" :style="{ width: '80%',height:'100%' }">
        <my-mine></my-mine>
    </van-popup>
  </div>
</template>

<script>
export default {
    props:['title',],
    data(){
        return {
            show:false,
        }
    }
}
</script>

<style lang="scss" scoped>
@import "@/assets/styles/allColor.scss";

.fixed{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  @include background-color_primary($color-primary3);
}
.iconfont{
    font-size: 24px;
}
.top{
    background: transparent;
    color:#fff;
    ::v-deep .van-nav-bar__title{
        color:#fff;
    }
}
</style>